<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- 导入jquery -->
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>

<script type="text/javascript">
 //训练要点
 //（1）进一步练习选择器的使用
 //（2）练习创建节点和插入节点的方法
 
 //1.设计页面HTML结构，应用CSS样式。
 //2.找到“单击这里提交留言”按钮，绑定onclick事件。
 //3.在“昵称”和“留言内容”文本框中显示提示文字，获得焦点时提示文字消失，失去焦点时若内容为空，则再次显示提示文字。
 //4.获取用户输入的“昵称”和“留言内容”。
 //5.若用户输入了“昵称”和“留言内容”，则创建一条留言，并显示在页面上面的留言板中。
 //6.将“昵称”和“留言内容”文本框的value值变为初始值。

 //--------------在此开始你的代码--------------------
	 



 //--------------在此结束你的代码--------------------
</script>
</head>

<body>
<h1>制作留言板前端局部更新效果</h1>
<ul>
	<li>
    	<span>功夫熊猫</span>
    	<p>欢迎你</p>
	</li>
</ul>
<form method="post">
	<h2>Message</h2>
	<label for="Name">昵称</label>
	<input type="text" name="Name" class="text" value="你的昵称" />
	<label for="Content">留言内容</label>
	<textarea name="Content" class="text" rows="4">你要说的话</textarea>
	<input type="button" value="单击这里提交留言" />
</form>
</body>
</html>
